<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
{#    <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}" rel="external nofollow"  rel="external nofollow" >#}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet"  type="text/css" href="/static/style.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >
      <title>home</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/css/layui.css" tppabs="http://layui/dist/css/layui.css"  media="all">
    <link href="../static/layui/css/layui.css" rel="stylesheet">
</head>
<body>
{#<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">#}
{#  <legend>水平导航菜单</legend>#}
{#</fieldset>#}

<ul class="layui-nav">
  <li class="layui-nav-item layui-this"><a href="{{ url_for('index') }}">Home</a></li>
  <li class="layui-nav-item">
    <a href="{{ url_for('hard') }}">服务器信息</a>
  </li>
  <li class="layui-nav-item">
      <a href="">k8s集群管理</a>
      <dl class="layui-nav-child">
      <dd><a href="{{ url_for('find') }}">k8s集群信息</a></dd>
      <dd><a href="{{ url_for('new_deploy') }}">创建Yaml</a></dd>
      <dd><a href="{{ url_for('deploy') }}">预览编辑Yaml</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">数据中间件</a>
    <dl class="layui-nav-child">
      <dd><a href="{{ url_for('find') }}">Redis</a></dd>
      <dd><a href="{{ url_for('kafkaui') }}">kafka_ui</a></dd>
      <dd><a href="">MongoDB</a></dd>
      <dd><a href="">MySQL</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">运维自动化</a>
    <dl class="layui-nav-child">
      <dd><a href="{{ url_for('webssh') }}">web_ssh</a></dd>
      <dd class="layui-this"><a href="{{ url_for('crontab') }}">定时任务</a></dd>
      <dd><a href="{{ url_for('mssh') }}">自动化执行</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="{{ url_for('monitor') }}">监控平台</a></li>
  <li  class="layui-nav-item" style="float: right" ><a href="">{{ username }}</a>
      <dl class="layui-nav-child">
      <dd><a href="{{ url_for('logout') }}">注销</a></dd>
    </dl>
  </li>
</ul>

<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  <ul class="layui-tab-title">
    <li class="layui-this">创建Deployment</li>
    <li>创建Service</li>
    <li>创建Ingress路由</li>
  </ul>
  <div class="layui-tab-content" style="height: 100px;">
    <div class="layui-tab-item layui-show">
        <form method="post" action="/new_deploy">
        <fieldset>
        <legend>Deployment自定义:</legend>
        <label>Pod基础属性：</label><br>
        NameSpace:<br>
        <input type="text" name="namespace" value="namespace">
        <br>
        Appname:<br>
        <input type="text" name="appname" value="appname">
        <br>Label:<br>
        <input type="text" name="label" value="label">
        <br>副本数:<br>
        <input type="text" name="repl" value="repl">
        <br>MatchLabels:<br>
        <input type="text" name="matchlabel" value="matchlabel"><br>
        <hr>
        <label>容器属性：</label>
        <br>Images:<br>
        <input type="text" name="images" value="images" style="width: 200px">
        <br>ContainerPort:
        <input type="text" name="port" value="port" style="width:50px">
        <br>Command:<br>
        <input type="text" name="command" value="command" style="width: 200px"><br>
        <hr>
        <label>资源配额：</label>
        <br>requests:<br>
        <input type="text" name="rmem" value="mem">
        <input type="text" name="rcpu" value="cpu">
        <br>limit:<br>
        <input type="text" name="lmem" value="mem">
        <input type="text" name="lcpu" value="cpu">
        <br><br>
        <input type="submit" class="layui-btn" value="创建">
        </fieldset>
        </form>
    </div>

    <div class="layui-tab-item">
        <form>
        <fieldset>
        <legend>Service自定义:</legend>
        <label>服务属性：</label><br><hr>
        NameSpace:<br>
        <input type="text" name="namespace" value="namespace" height="30px"><br>
        <br>App name:<br>
        <input type="text" name="appname" value="appname" HEIGHT="30px"><br>
        <br>Label:<br>
        <input type="text" name="label" value="label" height="30px"><br>
        <br>ServiceName:<br>
        <input type="text" name="sname" value="sname" height="30px"><br>
        <br>ServicePort:
        <input type="text" name="sport" value="sport" style="width: 50px" height="30px"><br>
        <br>ContainerPort:
        <input type="text" name="port" value="port" style="width: 50px" height="30px"><br>
        <br>NodePort:
        <input type="text" name="nodeport" value="nodeport" style="width: 50px"><br>
        <br><br>
        <input type="submit" class="layui-btn" value="创建">
        </fieldset>
        </form>
    </div>
    <div class="layui-tab-item">
        <form>
        <fieldset>
        <legend>Ingress自定义:</legend>
        <label>路由属性：</label><br><hr>
        NameSpace:<br>
        <input type="text" name="namespace" value="namespace" height="30px"><br>
        <br>Ingress name:<br>
        <input type="text" name="iname" value="iname" HEIGHT="30px"><br>
        <br>Schema:<br>
        <input type="text" name="schema" value="schema" height="30px"><br>
        <br>ServiceName:<br>
        <input type="text" name="sname" value="sname" height="30px"><br>
        <br>ServicePort:
        <input type="text" name="sport" value="sport" style="width: 50px"><br>
        <br>Path:
        <input type="text" name="path" value="path" style="width:60px"><br>
        <br><br>
        <input type="submit" class="layui-btn" value="创建">
        </fieldset>
        </form>
    </div>
  </div>
</div>

<script src="../static/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>
</body>
</html>

